﻿body 
{
    font-family: Verdana;
    font-size: 10px;
}

#Menus 
{
    width: 22%;
    float: left;
}

.Edit
{
    cursor: pointer;
}

.Form  
{
    .Error
    {
        text-align: center;
        margin-bottom: 20px;
        
        ul
        {
            li
            {
                list-style: none;
            }
        }
    }
}

/*Contacts*/

#Contact 
{
    .Form
    {
        width: 51em;
        margin: auto;
    
        input { width: 20em; }
        
        #ContactSave
        {
            cursor: pointer;
            margin-left: 4px;
            margin-top: -5px;
            vertical-align: middle;
        }
    }
    
    #Contacts
    {
        text-align: center;
        margin: auto;
        margin-top: 2em;
        
        @padding: 5px;
        
        tbody 
        {
            td { padding: @padding; }
        }
    
        thead 
        { 
            th { padding: @padding; }
        }
    }
}

/*Email Template*/

#EmailTemplate 
{
    .Form
    {
        #showHide 
        {
            cursor : pointer;
        }
        
        #divEmailTemplateSave 
        {
            margin-top: 10px;
	        text-align: center;
        }
        
        #EmailTemplates 
        {
            text-align: center;
            margin: auto;
            
            @padding: 5px;
    
            tbody 
            {
                td { padding: @padding; }
            }
    
            thead 
            { 
                th { padding: @padding; } 
            }
        }
    }
}

/*E-mail List*/

#EmailList
{
    .Form
    {
        width: 18em;
        margin: auto;
        
        #EmailListSave
        {
            cursor: pointer;
            margin-left: 4px;
            margin-top: -5px;
            vertical-align: middle;
        }
    }
    
    #EmailLists
    {
        text-align: center;
        margin: auto;
        margin-top: 2em;
        
        @padding: 5px;
    
        tbody 
        {
            td { padding: @padding; }
        }
    
        thead 
        { 
            th { padding: @padding; } 
        }
    }
}

/*EmailList-Contacts*/

#EmailList-Contacts
{
    .Form
    {
        
        .EmailList, .Contacts
        {
            width: 33%;
            border: 1px solid #ccc;
            float: left;
            height: 700px;
            margin-left: 3px;
            
            h2
            {
                text-align: center;
            }
        }
        
        .EmailList
        {
            #EmailListContactsAdd
            {
                padding-left: 5px;
                
                li
                {
                    cursor: pointer;
                    padding: 2px;
                    width: 49%;
                    list-style: none;
                }
                li.selected
                {
                    background-color: #ccc;
                    font-weight: bold;
                    margin-top: 3px;
                }
            }
            
            .ui-widget-header
            {
                margin: 0;
            }
        }
        
        .Contacts
        {
            width: 66%;
            
            .ui-widget-header
            {
                margin: 0;
            }
            
            ul
            {
                padding-left: 5px;
                
                li
                {
                    cursor: pointer;
                    padding: 2px;
                    width: 24%;
                    list-style: none;
                }
                li.selected
                {
                    background-color: #ccc;
                    font-weight: bold;
                    margin-top: 3px;
                }
            }
        }
    }
}

/*Schedule*/

#Schedule
{ 
    .Form 
    {
	    width: 57em;
	    margin: auto;
	    
	    label 
	    {
	        padding: 0 5px 0 5px;
        }
    }
    
    #SendDate 
    {
        width: 6em;
    }
    
    #ScheduleSave
    {
        cursor: pointer;
        margin-left: 4px;
        margin-top: -5px;
        vertical-align: middle;
    }
    
    #Schedules 
    {   
        text-align: center;
        margin: auto;
        margin-top: 2em;
        
        @padding: 5px;
    
        tbody 
        {
            td { padding: @padding; }
        }
    
        thead 
        { 
            th { padding: @padding; } 
        }
    }
}

/*DatePicker*/

.ui-datepicker-trigger 
{
    cursor: pointer;
    vertical-align: middle;
    margin-top: -5px;
}